{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/index.css' %}">
    <script src="{% static 'js/jquery-3.4.1.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>

    <style>

             .D_line{
    margin-top: 60px;
    height: 50px;
    width: 100%;
    background-color: #01A9DC;
    margin-bottom: 10px;

}
        .copy{
    text-align: center;
    font-size: 14px;
            line-height: 25px;
            font-weight: 700;
}

    </style>
</head>
<body>
    <header class="container-fluid">
        <img src="{% static 'images/logo.png' %}" alt="PPCsPG" class="img-responsive" id="img">
        <div class="row">
            <nav class="navbar navbar-inverse" id="nav">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                       <a class="navbar-brand" href="/">PPCsPG</a>

                    </div>

                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav  navbar-right navbar-nav" id="na">
                            <li class="active"><a href="/" >Home </a></li>
                            <li ><a href="{% url 'browse' %}">Browse</a></li>
                            <li><a href="{% url 'search' %}">Search</a></li>
                            <li><a href="https://www.genome.jp/tools/blast/">Blast</a></li>
                            <li><a href="{% url 'peptide.peptide' %}">Prediction</a></li>
                            <li><a href="{% url 'download' %}">Download</a></li>
                            <li><a href="{% url 'help' %}">Help</a></li>
                      </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <h3 class="wel">Welcome</h3>
{#    <div class="line"></div>#}
    <div class="content">
{#        <div class="line"></div>#}
        <p class="des" style="font-size: 16px;margin-left: 20px">
            PPCsPG is an online platform for deposition and annotation of peptides oding
            sORFs in prokaryotic genomes. Open Reading Frame (ORF) is a nucleic acid fragment
            composed of the starting codon, the ending codon and the nucleotide sequence between
            them. The small Open Reading Frame (sORF) refers to the ORFs with a len<br>-gth less
            than 300nt. Because the sORFs sequence is short,  it was ignored for a long time before.</br>
            A large number of studies have proved that sORFs have important biological functions in
            life activities, but there is still a lack of effective sources of funding for sORFs
            research. it is urgent to build sORFs data bank with important application significance
            to support the needs of sORFs research in the future.  Therefore, this project will
            further develop prokaryote sORFs and its encoded polypeptide database with reliable sources
            to provide reliable data support for sORFs research.</br>PPCsPG collected more than 8,000 prokaryotes,
            among which only the sORFs sequence with a length of less than 183bp was displayed,
            totaling 388,175 records. By analyzing and predicting its sequence information and
            structural characteristics, it provided a solid theoretical basis and a reliable data platform
            for the future genome research of prokaryotes.</p>
    </div>
    <div style=" margin-top: 100px;margin-left: 250px">
        <a href="https://www.ncbi.nlm.nih.gov/"><img src="{% static 'images/NCBI.png' %}" alt=""  width="120px"></a>
        <a href="https://www.uniprot.org/"><img src="{% static 'images/Uniprot.png' %}" alt=""  width="106px" style="margin-left: 55px"></a>
        <a href="http://sorfs.org/"><img src="{% static 'images/sorf.png' %}" alt=""  width="250px" style="margin-left: 55px"></a>
        <a href="http://www.jianglab.cn/ncEP/index.html"><img src="{% static 'images/ncEp.png' %}" alt=""  width="150px" height="48px" style="margin-left: 55px"></a>
    </div>
      <div class="D_line"><p class="copy">Copyright@ 山东省生物物理重点实验室  联系电话：0534-8985884   邮箱：swwlzdsys@163.com
<br />实验室地址:山东省德州市德城区大学西路566号 邮政编码:253023</p></div>
 

</body>
</html>